<div class="topbar">	
	<a href="<?=SERVER_URL?>" class="logotype"><img src="<?=SERVER_URL?>gfx/logotype.png" style="height:40px" /></a>
    
    <div class="navitagion-panel">
        <ul class="navigation-bar">
        	<li><a href="<?=SERVER_URL?>" class="button separator button-home<?php if(basename($_SERVER['PHP_SELF']) == "index.php") { echo " active"; } ?>">home</a></li>           
            <li><a href="<?=SERVER_URL?>explore" class="button separator button-explore<?php if(basename($_SERVER['PHP_SELF']) == "explore.php") { echo " active"; } ?>">explore</a></li>
            <li><a href="<?=SERVER_URL?>share" class="button separator button-share<?php if(basename($_SERVER['PHP_SELF']) == "share.php") { echo " active"; } ?>">share</a></li>
            <?php if(is_active_user_session()) { ?>
            <li><a href="<?=SERVER_URL?>profile/<?=$_SESSION["user_id"]?>" class="button separator button-profile">profile</a></li>
            <li><a href="<?=SERVER_URL?>logout" class="button separator button-login">logout</a></li>
            <?php } else { ?>
            <li><a href="<?=SERVER_URL?>login" class="button separator button-login">login</a></li>
            <?php } ?>
			<li>
				<form method="get" action="<?=SERVER_URL?>search/">
					<input type="text" id="search-input" name="search" placeholder="search..." />
				</form>
			</li>
        </ul>
    </div>   
    
    <div class="clear"></div>
</div>